import { useFunction } from "../utils";

const [link, linkWithText] = useFunction("/basic/");

export default [
  {
    text: "HTML",
    items: [
      linkWithText("html/index"),
      linkWithText("html/layout"),
      linkWithText("html/text"),
      linkWithText("html/list"),
      linkWithText("html/table"),
      linkWithText("html/form"),
      linkWithText("html/media"),
      linkWithText("html/frame"),
    ],
  },
  {
    text: "CSS",
    items: [
      linkWithText("css/index"),
      linkWithText("css/use-style"),
      linkWithText("css/selector"),
      linkWithText("css/font"),
      linkWithText("css/text"),
      linkWithText("css/background"),
      linkWithText("css/space"),
      linkWithText("css/position"),
      linkWithText("css/border"),
      linkWithText("css/shadow"),
      linkWithText("css/layout"),
    ],
  },
  {
    text: "ES",
    items: [
      linkWithText("es/index"),
      linkWithText("es/variable"),
      linkWithText("es/string"),
    ],
  },
];
